<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>TW旅行</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body style="background-color: #269ABC;">
			<div class="container">
	<div class="row clearfix">
		<div class="col-md-12 column">
			<div class="page-header">
				<h1>
					TW旅行后台管理系统 <small>————路线</small>
				</h1>
			</div>
			<div class="panel-group" id="panel-1">
				<div class="panel panel-default">
					<div class="panel-heading">
						 <a class="panel-title collapsed" data-toggle="collapse" data-parent="#panel-1" href="#panel-element-1">路线查询</a>
					</div>
					<div id="panel-element-1" class="panel-collapse collapse">
						<div class="panel-body">
							<table class="table table-hover table-bordered">
								<thead>
									<tr>
										<th>
											编号
										</th>
										<th>
											名称
										</th>
										<th>
											路线
										</th>
										<th>
											价格
										</th>
										<th>
											删除
										</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											1
										</td>
										<td>
											云南七日游
										</td>
										<td>
											昆明——大理——丽江
										</td>
										<td>
											2300
										</td>
										<td>
											<button class="btn btn-danger">删除</button>
										</td>
									</tr>
									<tr class="success">
										<td>
											1
										</td>
										<td>
											云南七日游
										</td>
										<td>
											昆明——大理——丽江
										</td>
										<td>
											2300
										</td>
										<td>
											<button class="btn btn-danger">删除</button>
										</td>
									</tr>
									<tr class="error">
										<td>
											1
										</td>
										<td>
											云南七日游
										</td>
										<td>
											昆明——大理——丽江
										</td>
										<td>
											2300
										</td>
										<td>
											<button class="btn btn-danger">删除</button>
										</td>
									</tr>
									<tr class="warning">
										<td>
											1
										</td>
										<td>
											云南七日游
										</td>
										<td>
											昆明——大理——丽江
										</td>
										<td>
											2300
										</td>
										<td>
											<button class="btn btn-danger">删除</button>
										</td>
									</tr>
									<tr class="info">
										<td>
											1
										</td>
										<td>
											云南七日游
										</td>
										<td>
											昆明——大理——丽江
										</td>
										<td>
											2300
										</td>
										<td>
											<button class="btn btn-danger">删除</button>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>
				<div class="panel panel-default">
					<div class="panel-heading">
						 <a class="panel-title" data-toggle="collapse" data-parent="#panel-1" href="#panel-element-2">增添路线</a>
					</div>
					<div id="panel-element-2" class="panel-collapse collapse">
						<div class="panel-body">
							<form role="form">
								<div class="form-group">
									 <label for="exampleInputtext1">编号</label><input type="text" class="form-control" id="l_id" />
								</div>
								<div class="form-group">
									 <label for="exampleInputtext1">名称</label><input type="text" class="form-control" id="l_name" />
								</div>
								<div class="form-group">
									 <label for="exampleInputtext1">路线</label><input type="text" class="form-control" id="l_road" />
								</div>
								<div class="form-group">
									 <label for="exampleInputtext1">价格</label><input type="text" class="form-control" id="l_price" />
								</div>
								<div class="form-group">
									 <label for="exampleInputFile">图片</label><input type="file" id="exampleInputFile" />
									<p class="help-block">
										请勿上传超过5MB的图片。
									</p>
								</div>
								 <button type="submit" class="btn btn-primary">增加</button>
								<input class="btn btn-default" type="reset" value="重置" />  
							</form>
						</div>
					</div>
				</div>
				<div class="panel panel-default">
					<div class="panel-heading">
						 <a class="panel-title" data-toggle="collapse" data-parent="#panel-1" href="#panel-element-3">修改路线</a>
					</div>
					<div id="panel-element-3" class="panel-collapse collapse">
						<div class="panel-body">
							<form role="form">
								<div class="form-group">
									 <label for="exampleInputtext1">编号</label><input type="text" class="form-control" id="l_id2" />
									 <p class="help-block">
										输入编号修改路线。
									</p>
								</div>
								<div class="form-group">
									 <label for="exampleInputtext1">名称</label><input type="text" class="form-control" id="l_name2" />
								</div>
								<div class="form-group">
									 <label for="exampleInputtext1">路线</label><input type="text" class="form-control" id="l_road2" />
								</div>
								<div class="form-group">
									 <label for="exampleInputtext1">价格</label><input type="text" class="form-control" id="l_price2" />
								</div>
								<div class="form-group">
									 <label for="exampleInputFile">图片</label><input type="file" id="exampleInputFile2" />
									<p class="help-block">
										请勿上传超过5MB的图片。
									</p>
								</div>
								 <button type="submit" class="btn btn-primary">修改</button>
								<input class="btn btn-default" type="reset" value="重置" />  
							</form>
						</div>
					</div>
				</div>
				<div class="panel panel-default">
					<div class="panel-heading">
						 <a class="panel-title" data-toggle="collapse" data-parent="#panel-1" href="#panel-element-4">订单管理</a>
					</div>
					<div id="panel-element-4" class="panel-collapse collapse">
						<div class="panel-body">
							<table class="table table-hover table-bordered">
								<thead>
									<tr>
										<th>
											订单编号
										</th>
										<th>
											用户编号
										</th>
										<th>
											路线编号
										</th>
										<th>
											价格
										</th>
										<th>
											状态
										</th>
										<th>
											修改状态
										</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											10086
										</td>
										<td>
											10010
										</td>
										<td>
											1
										</td>
										<td>
											2300
										</td>
										<td>
											已付款
										</td>
										<td>
											<a id="modal-1" href="#modal-container-1" role="button" class="btn" data-toggle="modal"><button class="btn btn-info">修改状态</button></a>
										</td>
									</tr>
									<tr class="success">
										<td>
											10086
										</td>
										<td>
											10010
										</td>
										<td>
											1
										</td>
										<td>
											2300
										</td>
										<td>
											已付款
										</td>
										<td>
											<a id="modal-1" href="#modal-container-1" role="button" class="btn" data-toggle="modal"><button class="btn btn-info">修改状态</button></a>
										</td>
									</tr>
									<tr class="error">
										<td>
											10086
										</td>
										<td>
											10010
										</td>
										<td>
											1
										</td>
										<td>
											2300
										</td>
										<td>
											已付款
										</td>
										<td>
											<a id="modal-1" href="#modal-container-1" role="button" class="btn" data-toggle="modal"><button class="btn btn-info">修改状态</button></a>
										</td>
									</tr>
									<tr class="warning">
										<td>
											10086
										</td>
										<td>
											10010
										</td>
										<td>
											1
										</td>
										<td>
											2300
										</td>
										<td>
											已付款
										</td>
										<td>
											<a id="modal-1" href="#modal-container-1" role="button" class="btn" data-toggle="modal"><button class="btn btn-info">修改状态</button></a>
										</td>
									</tr>
									<tr class="info">
										<td>
											10086
										</td>
										<td>
											10010
										</td>
										<td>
											1
										</td>
										<td>
											2300
										</td>
										<td>
											已付款
										</td>
										<td>
											<a id="modal-1" href="#modal-container-1" role="button" class="btn" data-toggle="modal"><button class="btn btn-info">修改状态</button></a>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
			
			
		</div>
	</div>
</div>

			
			<div class="modal fade" id="modal-container-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
							<h4 class="modal-title" id="myModalLabel">
								修改订单状态
							</h4>
						</div>
						<div class="modal-body">
							<button class="btn btn-block btn-info">已付款</button>
							<button class="btn btn-block btn-primary">已递交旅行社</button>
							<button class="btn btn-block btn-info">已出发</button>
							<button class="btn btn-block btn-primary">已完成</button>
						</div>
						<div class="modal-footer">
							 <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary">保存</button>
						</div>
					</div>
					
				</div>
				
			</div>

			 
			

	</body>
</html>

